<!---查询发布的时光Time文章记录-->
<template>
  <div class="vlog">
     <van-notice-bar left-icon="volume-o" text="生活中，有时候就想安安静静地做自己喜欢的事情，没有那么多的花里胡哨!"/>
     <!-- <van-uploader :after-read="afterRead" v-model="fileList" multiple/>
     <van-button type="primary" @click="sendPhoto">提交</van-button>  -->
        <div v-for="(value,index) in vlogs" :key="index" class="vlog-message">
                <div class="front-photo">
                    <van-image :lazy-load="true"  src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1608112405136&di=6e02cfd21de5562ebb8d8c6285767f2d&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F52%2F62%2F31300542679117141195629117826.jpg">
                        <template v-slot:loading>
                            <van-loading type="loading" size="20" />
                        </template>
                    </van-image>
                </div>
               
                <div class="vlog-text">
                        <div class="title">
                            <h3>
                                <router-link :to="path+Number(index+1)" >今天来到了三亚，三亚是个好地方!</router-link>
                            </h3>
                        </div>
                         <VlogIcons/>
                </div>
                 
        </div>        
  </div>
</template>

<script>
import VlogIcons from "./smallComponents/vlog-icons"
import axios from "axios"
export default {
    name:"vlog",
    components:{
        VlogIcons
    },
    props:{
        name:{
            type:String
        }
    },
    data(){
        return{
           path:"/vlog/",
           fileList:[],
           vlogs:[1,2],

        }
    },
    mounted(){
        // axios.get("/blog/getmineDay").then(value=>{
        //     console.log(value)
        //     this.photos=value.data
        // }).catch(err=>{
        //     console.log(err)
        // })
    },
    methods:{
        getdata(){
            console.log("触发",this)
        },
    // afterRead(file) {
    //     // 此时可以自行将文件上传至服务器
    //     console.log(file);
    //     // file.status = 'uploading';
    //     // file.message = '上传中...';

    //     },
        //上传
        //  sendPhoto(){
        //     console.log("提交")
        //     var obj={
        //         dataimage:[],
        //         time:new Date(),
        //         desText:"测试",
        //         title:"测试中"
        //     }
        //     this.fileList.forEach(value=>{
        //         obj.dataimage.push(value.content)
        //     })
        //     axios.post("/blog/mineDay",obj).then(function(response){
        //         console.log(response)
        //     }).catch(err=>{
        //         console.log("出错了--"+err)
        //     })
        // }
      
    }
}

</script>

<style>
html{
    height: 100%;
    width: 100%;
     
}
*{
padding: 0;
margin: 0;
}
.van-notice-bar{
    background-color:white;
}
.front-photo  .van-image__img{
    width: 100%;
    height: auto;
    margin-top: 20px;
    border: none;
}
.vlog-icons{
    display: flex;
    flex-direction: row;
   justify-content: space-between;
}
.vlog-text{
    color: #666;
}
.vlog-text .title h3{
    margin: 0;
    font-size: 2rem;
}
.vlog-text .vlog-icons{
   margin-top: 1.5rem;
    text-align: center;
}
.vlog-message{
     border: 1px solid #e6ebf5;
    background-color: #fff;
    box-shadow: 0 0.2rem 2rem 0 rgb(0 0 0 / 5%);
    border-radius: .3rem;
}
.vlog-message .front-photo,.vlog-text{
    padding-left: 1.5rem;
    padding-right: 1.5rem;

}


 
</style>